<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" href="css/base.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/category.css">
    </head>
    <body>
    	<header class="cate-header">
    		<div class="left fl jd-icons cw-center"></div>
    		<div class="right fr jd-icons cw-center"></div>
    		<div class="center">
    			<input type="search" placeholder="京东3C 百万件爆品岂止5折">
    		</div>
    	</header>
    	<section class="cate-main clearfix">
    		<aside class="cate-aside fl" id="touch1">
    			<ul class="touch-s">
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    				<li>列表一</li>
    			</ul>
    		</aside>
    		<article class="cate-article" id="touch2">
    			<div class="touch-s">
    				<div class="banner">
    					<a href="#">
    						<img src="image/imgs/cate_banner.jpg" alt="">
    					</a>
    				</div>
    				<div class="pro-items">
    					<h3>专场推荐</h3>
    					<div class="pro-item">
    						<ul class="clearfix">
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>

    						</ul>

    					</div>
    				</div>
    				<div class="pro-items">
    					<h3>专场推荐</h3>
    					<div class="pro-item">
    						<ul class="clearfix">
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    						</ul>

    					</div>
    				</div>
    				<div class="pro-items">
    					<h3>专场推荐</h3>
    					<div class="pro-item">
    						<ul class="clearfix">
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    						</ul>

    					</div>
    				</div>
    				<div class="pro-items">
    					<h3>专场推荐</h3>
    					<div class="pro-item">
    						<ul class="clearfix">
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    							<li class="w33 fl">
    								<a href="#">
    									<img src="image/imgs/cate_item01.jpg" alt="">
    								</a>
    								<p>新鲜水果</p>
    							</li>
    						</ul>

    					</div>
    				</div>
    			</div>
    		</article>
    	</section>
    	<script src="js/category.js"></script>
    </body>
</html>